<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8" />
         <title>SimpleUI 示例中心-resize</title>
		<meta name="description" content="SimpleUI是一个基于jQuery的组件库，适合用于构建web2.0的应用程序和小型网站" />
		<meta name="keywords" content="jQuery js simple ui simpleUI web application" />
		<link type="text/css" rel="stylesheet" href="../SyntaxHighlighter/SyntaxHighlighter.css"/>
		<link type="text/css" rel="stylesheet" href="../css/core.css"/>
		<link type="text/css" rel="stylesheet" href="../../src/_beta/SimpleResize/SimpleResize.css"/>
		<style type="text/css">
			.demo-area{padding:15px;border:1px solid #eee;background:#fbfbfb;}
			.drag-demo{padding:5px;border:1px solid #ccc;width:100px;height:100px;}
		</style>
    </head>
    <body>
    	<div class="container clearfix" id="hd">
        	<h1 class="s-logo"></h1>
			<div class="s-nav">
				<span class="s-nav-l"></span>
				<span class="s-nav-r"></span>
				<ul class="clearfix">
                    <li class="current">
                        <a href="/doc/doc.html">文档</a>
                    </li>
                    <li>
                        <a href="/doc/demo.html">示例</a>
                    </li>
                    <li>
                        <a href="http://code.google.com/p/simple-ui/downloads/list">下载</a>
                    </li>
                    <li>
                        <a href="/doc/deploy.html">部署</a>
                    </li>
					<li>
                        <a href="http://www.iqianduan.org/t-191-1-1.html" target="_blank">论坛</a>
                    </li>
                    <li>
                        <a href="#">关于</a>
                    </li>
                </ul>
			</div>
		</div>
		<div class="container" id="bd">
			<h2 class="s-title">SimpleUI示例中心</h2>
			<div class="clearfix doc-content demo-content">
				<div class="api-content">
					<h2 class="api-name">Resize Demo</h2>
					<h3 class="api-guide">简单示例</h3>
					<textarea name="code" class="js"> 
$("#test").resize({
direction:["s","e","se"]
});
	 				</textarea>
					<div class="demo-area">
						<div id="test" class="drag-demo">
                               我可以被resize
                        </div>
					</div>
				</div>
			</div>
		</div>
		<script src="../SyntaxHighlighter/shCore.js"></script>
		<script src="../SyntaxHighlighter/allmin.js"></script>
		<script type="text/javascript">
		window.onload = function () {
			dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
			dp.SyntaxHighlighter.HighlightAll('code');
		} 
		</script>
		<script type="text/javascript" src="../../src/jquery.js"></script>
		<script type="text/javascript" src="../../src/_beta/SimpleCore.js">
        </script>
		<script type="text/javascript" src="../../src/_beta/SimpleResize/SimpleResize.js"></script>
		<script type="text/javascript">
		(function(){
			var ajaxHtmlStore={},
			 getHtml=function(url){
			 	var temp;
				if(ajaxHtmlStore[url]){
					$(".api-content").html(ajaxHtmlStore[url]);
					dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
					dp.SyntaxHighlighter.HighlightAll('code');
				}else{
					$.get(url,function(res){
						ajaxHtmlStore[url]=res;
						$(".api-content").html(ajaxHtmlStore[url]);
						dp.SyntaxHighlighter.ClipboardSwf = 'SyntaxHighlighter/clipboard.swf';
						dp.SyntaxHighlighter.HighlightAll('code');
					});
				}
			}
			$(".s-list a,.ajax-load").live("click",function(){
				var url=$(this).attr("href");
				getHtml(url);
				return false;
			});
			$("#test").simpleResize({
direction:["s","e","se"]
});
			
		})();
		</script>
		<span style="display:none"><script src="http://s24.cnzz.com/stat.php?id=3606083&web_id=3606083"></script></span>
    </body>
</html>
